<template>
  <div class="aside_nav">
    <ul class="aside_nav_ul">
      <li><RouterLink to="/">Home</RouterLink></li>
      <li><RouterLink to="/about">About</RouterLink></li>
      <li><RouterLink to="/aboutProvide">aboutProvide</RouterLink></li>
      <li><RouterLink to="/aboutUseHooks">aboutProvide</RouterLink></li>
    </ul>
  </div>
</template>

<script setup>
import { RouterLink, RouterView } from 'vue-router'
</script>

<style lang="css" scoped>
.aside_nav {
  width: 200px;
  height: 100vh;
  max-height: 100vh;
  min-height: 100vh;
  background-color: #ccc;
}
.aside_nav_ul {
  width: 100%;
  height: 100%;
}
.aside_nav_ul > li {
  list-style: none;
  padding: 10px;
}
</style>
